/*
WebApp开发之--"rem"单位
http://www.duanliang920.com/learn/web/html5/316.html
CSS3的REM设置字体大小
http://www.w3cplus.com/css3/define-font-size-with-css3-rem
*/
/*html {
    font-size : 10px;
}
@media only screen and (min-width: 360px){
    html {
        font-size: 11.25px !important;
    }
}
@media only screen and (min-width: 400px){
    html {
        font-size: 12.5px !important;
    }
}
@media only screen and (min-width: 480px){
    html {
        font-size: 15px !important; 
    }
}
@media only screen and (min-width: 560px){
    html {
        font-size: 17.5px !important; 
    }
}
@media only screen and (min-width: 640px){
    html {
        font-size: 20px !important; 
    }
}*/

body{
    margin: 0;
    background-color: #fff;
    min-width: 320px;
    overflow-x:hidden;
}

*{  
    /*去除元素与元素之间的间距
    http://www.zhangxinxu.com/wordpress/2012/04/inline-block-space-remove-%E5%8E%BB%E9%99%A4%E9%97%B4%E8%B7%9D/
    */
    /* font-size: 0;
    -webkit-text-size-adjust: none; */
    /*盒子的属性*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
div,section,ul,li,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,p,table,thead,tbody,tfoot,tr,th,td,form{
    margin: 0;
    padding: 0;
}

/* 列表 */
ul,ol {
    list-style: none;
    font-size:inherit;
    color:inherit;
    margin: 0;
    padding: 0;
}

/*文字*/
span,b,i,em,del,strong,big,small,pre {
    margin:0;
    padding:0;
    border:0;
    font-style:normal;
    font-size:inherit;
    color:inherit;
}
/*链接*/
a {
    margin:0;
    padding:0;
    border:0;
    text-decoration: none;
    font-size:inherit;
    color:inherit;
    /*去掉a标签默认点击的时候会有个高亮的背景色：*/
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
/*去掉img的边框*/
img{
    /* border: 0; */
}

/*常用命令的总结*/
.clear {
    clear: both;
}
.clearfix{
    zoom: 1;
}
.clearfix::after{
    content: '';
    display: block;
    overflow: hidden;
    clear:both;
    height:0;
}
